<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>商品信息</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/login/myOrder.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a @click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">我的订单</div>
				<!--<span class="back-header-span" v-on:click="userCenter()">用户中心</span>-->
			</div>
			<!--公共头部结束-->
			<div class="main mt50">
				<!--订单列表S-->
				<ul class="order-ul">
					<li class="order-li" v-for="order in orderList" v-on:click="jumpProductMsg(order.id, order.status)">
						<div class="order-header">
							<span class="order-creat-time">{{order.created_at}}</span>
							<span v-if="order.status == 0" class="order-status red">未付款</span>
							<span v-if="order.status == 1" class="order-status">交易成功</span>
						</div>
						<div class="order-footer">
							<div class="order-img">
								<img class="order-img-head" :src="url + (order.thumb_path) + (order.thumb)" />
							</div>
							<div class="order-content">
								<h4 class="order-title">{{order.title}}</h4>
								<div class="order-content-main">
									<span class="order-course">目标分：{{order.target_point}}</span>
									<span class="order-time">课时：{{order.lesson_count}}</span>
									<span v-if="order.teacher_level == 1" class="order-teacher-level">普通教师</span>
									<span v-if="order.teacher_level == 2" class="order-teacher-level">高级教师</span>
								</div>
							</div>
							<div class="order-money">
								<i class="fa fa-cny"></i>
								{{order.amount_price}}</div>
						</div>
						<div class="order-bottom">
							<span v-if="order.status == 0" class="order-status red btn" @click.stop = "buy(order.id)">立即付款</span>
							<!--<span v-if="order.status == 1" class="order-status btn" @click.stop = "jumpComment(order.id)">去评论</span>-->
							<span v-if="order.status == 0" class="order-status red btn" @click.stop="cacel(order.id)">取消订单</span>
						</div>
					</li>
				</ul>
				<!--订单列表E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/user/myOrder.js" type="text/javascript" charset="utf-8"></script>

</html>